@blue: #1161EB;
@themeColor: #1B819E;
.iconfont{
  font-size: inherit;
  color: inherit;
}
.icon-yiwen{
  color: #999;
  margin-left: 20rpx;
}
picker,
view,
input {
  box-sizing: border-box;
}

image {
  width: 100%;
}

.red {
  color: red;
  font-weight: bold;
}

.picker {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;

  &::after {
    content: '';
    display: block;
    width: 15rpx;
    height: 15rpx;
    border: 3rpx solid #000;
    border-color: grey grey transparent transparent;
    transform: rotate(45deg);
  }
}

page {
  background-color: #f5f5f5;
}

.form {

  .btn {
    margin-bottom: 20rpx;
  }

  .form-section {
    box-shadow: 0 0 5rpx 5rpx #f1f1f1;
    border-radius: 30rpx;
    background-color: #fff;
    padding: 20rpx 20rpx;
    margin: 0 20rpx;
    margin-top: 20rpx;

    .header {
      display: block;
      text-align: center;
      font-weight: bold;
      margin: 10rpx 0;
    }

    .main {
      // line-height: 60rpx;
      .item {
        position: relative;
        border-bottom: 1rpx solid #eee;
        padding: 20rpx;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        
        .item-name {
          font-weight: bold;
          max-width: 70%;
        }

        .item-value {
          text-align: right;
          flex-grow: 1;
        }
      }
      .col-item{
        flex-direction: column;
        .item-name {
          font-weight: bold;
          width: 100%;
        }

        .item-value {
          text-align: right;
          width: 100%;
        }
      }
    }
  }
}

.tips,
.btn {
  text-align: center;
  color: white;
  background-color: @themeColor  !important;
  .icon-header-03{
    margin-right: 10rpx;
  }
}
.price{
  .item-name{
    white-space: nowrap;
  }
  .item-value{
    color: @themeColor;
    font-size: 60rpx;
    .icon{
      font-size: 40rpx;
    }
  }
}
